<link rel="stylesheet" href="./pages/pay/pay.css" />
<script src="./pages/pay/pay.js"></script>

<!-- 图片 -->
<div class="pic">
  <div class="pic-center">
    <img src="./assets/img/zhifubg.jpg" alt="" />
  </div>
</div>
<!-- 下单流程 -->
<div class="process">
  <div class="center">
    <h2>下单流程</h2>
    <ul>
      <li>
        1、点击下方【览众官方在线支付】按钮，进行在线支付，保存好支付截图。
      </li>
      <li>2、下方下拉框中选择需要报考的课程。</li>
      <li>3、填写好姓名，联系方式，支付金额。</li>
      <li>4、点击【付款截图】按钮，将付款截图上传。</li>
      <li>5、确认信息填写无误，点击下方【提交订单】按钮即可。</li>
      <li>6、老师核实订单后，联系您开通相应课程。</li>
    </ul>
    <br />
    <br />
    <hr />
    <br />
    <br />
    <button>览众官方在线支付</button>
    <br />
    <br />
    <hr />
    <form action="" method="post">
      <table>
        <tbody>
          <tr>
            <td class="job">消防工程师：</td>
            <td>
              <select name="xfgcs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="一级消防-提升突破班">一级消防-提升突破班</option>
                <option value="一级消防-全程精讲班">一级消防-全程精讲班</option>
                <option value="一级消防-皇家取证班">一级消防-皇家取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">健康管理师：</td>
            <td>
              <select name="health">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="三级健康-基础精讲班">三级健康-基础精讲班</option>
                <option value="三级健康-无忧取证班">三级健康-无忧取证班</option>
                <option value="三级健康-精讲习题班">三级健康-精讲习题班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">一级造价师：</td>
            <td>
              <select name="onezjs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="土建全科-2021土建通关班">
                  土建全科-2021土建通关班
                </option>
                <option value="安装全科-2021安装通关班">
                  安装全科-2021安装通关班
                </option>
                <option value="土建全科-2021精讲提升班">
                  土建全科-2021精讲提升班
                </option>
                <option value="安装全科-2021精讲提升班">
                  安装全科-2021精讲提升班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">二级造价师：</td>
            <td>
              <select name="twozjs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="二造土建工程全科--2021土建工程通关班">
                  二造土建工程全科--2021土建工程通关班
                </option>
                <option value="二造安装工程全科--2021安装工程通关班">
                  二造安装工程全科--2021安装工程通关班
                </option>
                <option value="二造土建工程全科--2021精讲提升班">
                  二造土建工程全科--2021精讲提升班
                </option>
                <option value="二造安装工程全科--2021精讲提升班">
                  二造安装工程全科--2021精讲提升班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">中级注册安全工程师：</td>
            <td>
              <select name="zjzcaqgcs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="注安煤矿工程全科--2021煤矿工程取证班">
                  注安煤矿工程全科--2021煤矿工程取证班
                </option>
                <option value="注安建筑工程全科--2021建筑工程取证班">
                  注安建筑工程全科--2021建筑工程取证班
                </option>
                <option value="注安非金属工程全科--2021非金属工程取证班">
                  注安非金属工程全科--2021非金属工程取证班
                </option>
                <option value="注安化工工程全科--2021化工工程取证班">
                  注安化工工程全科--2021化工工程取证班
                </option>
                <option value="注安金属冶炼工程全科--2021金属冶炼工程取证班">
                  注安金属冶炼工程全科--2021金属冶炼工程取证班
                </option>
                <option value="注安实务煤矿工程--2021煤矿工程精讲班">
                  注安实务煤矿工程--2021煤矿工程精讲班
                </option>
                <option value="注安实务建筑工程--2021建筑工程精讲班">
                  注安实务建筑工程--2021建筑工程精讲班
                </option>
                <option value="注安公共法规--2021法规精讲班">
                  注安公共法规--2021法规精讲班
                </option>
                <option value="注安实务非金属工程--2021非金属工程精讲班">
                  注安实务非金属工程--2021非金属工程精讲班
                </option>
                <option value="注安实务金属冶炼工程--2021金属冶炼工程精讲班">
                  注安实务金属冶炼工程--2021金属冶炼工程精讲班
                </option>
                <option value="注安公共法规--2021管理精讲班">
                  注安公共法规--2021管理精讲班
                </option>
                <option value="注安公共技术--2021技术精讲班">
                  注安公共技术--2021技术精讲班
                </option>
                <option value="注安实务化工工程--2021化工工程精讲班">
                  注安实务化工工程--2021化工工程精讲班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">中级经济师：</td>
            <td>
              <select name="zzjjs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="全科套餐-工商精讲班">全科套餐-工商精讲班</option>
                <option value="全科套餐-人资精讲班">全科套餐-人资精讲班</option>
                <option value="全科套餐-工商取证班">全科套餐-工商取证班</option>
                <option value="全科套餐-人力取证班">全科套餐-人力取证班</option>
                <option value="全科套餐-金融取证班">全科套餐-金融取证班</option>
                <option value="全科套餐-财税取证班">全科套餐-财税取证班</option>
                <option value="全科套餐-建筑取证班">全科套餐-建筑取证班</option>
                <option value="全科套餐-金融精讲班">全科套餐-金融精讲班</option>
                <option value="全科套餐-财税精讲班">全科套餐-财税精讲班</option>
                <option value="全科套餐-建筑精讲班">全科套餐-建筑精讲班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">执业药师：</td>
            <td>
              <select name="zyys">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="中药--密训取证班">中药--密训取证班</option>
                <option value="西药--密训取证班">西药--密训取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">心理咨询师：</td>
            <td>
              <select name="xlzxs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="心理咨询师-三级通关班">
                  心理咨询师-三级通关班
                </option>
                <option value="心理咨询师-二级通关班">
                  心理咨询师-二级通关班
                </option>
                <option value="心理咨询师-实操班">心理咨询师-实操班</option>
                <option value="心理咨询师-三级技能班">
                  心理咨询师-三级技能班
                </option>
                <option value="心理咨询师-二级技能班">
                  心理咨询师-二级技能班
                </option>
                <option value="心理咨询师-基础精讲班">
                  心理咨询师-基础精讲班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">国学易经：</td>
            <td>
              <select name="gxyj">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="国学易经">国学易经</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">网红：</td>
            <td>
              <select name="wanghong">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="网红-短视频运营从零到精通">
                  网红-短视频运营从零到精通
                </option>
                <option value="网红--一部手机玩转短视频拍摄与剪辑">
                  网红--一部手机玩转短视频拍摄与剪辑
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">淘系电商：</td>
            <td>
              <select name="txds">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="电商--实践在线就业班">
                  电商--实践在线就业班
                </option>
                <option value="电商-运营实战创业班">电商-运营实战创业班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">教师资格证：</td>
            <td>
              <select name="jszgz">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="中学教师-通关取证班">中学教师-通关取证班</option>
                <option value="小学教师-通关取证班">小学教师-通关取证班</option>
                <option value="幼儿教师-通关取证班">幼儿教师-通关取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">BIM：</td>
            <td>
              <select name="bim">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="BIM--精品无忧班">BIM--精品无忧班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">营养师：</td>
            <td>
              <select name="yingyangshi">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="套餐班型-通关取证班">套餐班型-通关取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">初级会计师：</td>
            <td>
              <select name="cjkjz">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="初会全科-高效突破班">初会全科-高效突破班</option>
                <option value="初会全科-精讲提升班">初会全科-精讲提升班</option>
                <option value="初会全科-高效强化班">初会全科-高效强化班</option>
                <option value="初会全科-高效提升班">初会全科-高效提升班</option>
                <option value="初会全科-密训取证班">初会全科-密训取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">中级会计师：</td>
            <td>
              <select name="zjkjs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="中会全科-高效强化班">中会全科-高效强化班</option>
                <option value="中会全科-高效突破班">中会全科-高效突破班</option>
                <option value="中会全科-高效提升班">中会全科-高效提升班</option>
                <option value="中会全科-精讲提升班">中会全科-精讲提升班</option>
                <option value="中会全科-皇家取证班">中会全科-皇家取证班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">消防设施操作员初级：</td>
            <td>
              <select name="xfssczycj">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="初级套餐-双师护航班">初级套餐-双师护航班</option>
                <option value="初级套餐-全程无忧班">初级套餐-全程无忧班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">消防设施操作员中级：</td>
            <td>
              <select name="xfssczyzj">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="中级套餐-全程无忧班">中级套餐-全程无忧班</option>
                <option value="中级套餐-双师护航班">中级套餐-双师护航班</option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">2021一级建造师：</td>
            <td>
              <select name="onejzs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="一建市政全科-精讲提升班">
                  一建市政全科-精讲提升班
                </option>
                <option value="一建建筑全科-精讲提升班">
                  一建建筑全科-精讲提升班
                </option>
                <option value="一建机电全科-精讲提升班">
                  一建机电全科-精讲提升班
                </option>
                <option value="一建水利全科-精讲提升班">
                  一建水利全科-精讲提升班
                </option>
                <option value="一建公路全科-精讲提升班">
                  一建公路全科-精讲提升班
                </option>
                <option value="一建市政全科-密训取证班">
                  一建市政全科-密训取证班
                </option>
                <option value="一建建筑全科-密训取证班">
                  一建建筑全科-密训取证班
                </option>
                <option value="一建机电全科-密训取证班">
                  一建机电全科-密训取证班
                </option>
                <option value="一建水利全科-密训取证班">
                  一建水利全科-密训取证班
                </option>
                <option value="一建公路全科-密训取证班">
                  一建公路全科-密训取证班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">2021二级建造师：</td>
            <td>
              <select name="erjjzs">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="二建机电工程全科-精讲提升班">
                  二建机电工程全科-精讲提升班
                </option>
                <option value="二建建筑工程全科-精讲提升班">
                  二建建筑工程全科-精讲提升班
                </option>
                <option value="二建市政工程全科-精讲提升班">
                  二建市政工程全科-精讲提升班
                </option>
                <option value="二建水利工程全科-精讲提升班">
                  二建水利工程全科-精讲提升班
                </option>
                <option value="二建公路工程全科-精讲提升班">
                  二建公路工程全科-精讲提升班
                </option>
                <option value="二建市政工程全科-密训取证班">
                  二建市政工程全科-密训取证班
                </option>
                <option value="二建建筑工程全科-密训取证班">
                  二建建筑工程全科-密训取证班
                </option>
                <option value="二建机电工程全科-密训取证班">
                  二建机电工程全科-密训取证班
                </option>
                <option value="二建水利工程全科-密训取证班">
                  二建水利工程全科-密训取证班
                </option>
                <option value="二建公路工程全科-密训取证班">
                  二建公路工程全科-密训取证班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">护士执业资格证：</td>
            <td>
              <select name="hszyzgz">
                <option value="点击下拉选择">点击下拉选择</option>
                <option value="2021年护士执业--精讲冲刺班">
                  2021年护士执业--精讲冲刺班
                </option>
                <option value="2021年护士执业--基础精讲班">
                  2021年护士执业--基础精讲班
                </option>
                <option value="2021年护士执业--无忧取证班">
                  2021年护士执业--无忧取证班
                </option>
              </select>
            </td>
          </tr>
          <tr>
            <td class="job">姓名：<span class="fu">*</span></td>
            <td><input type="text" /></td>
          </tr>
          <tr>
            <td class="job">联系方式：<span class="fu">*</span></td>
            <td><input type="text" /></td>
          </tr>
          <tr>
            <td class="job">支付金额：<span class="fu">*</span></td>
            <td><input type="text" /></td>
          </tr>
          <tr>
            <td class="job">
              付款截图(付款后，点击右侧按钮上传付款截图)：<span class="fu"
                >*</span
              >
            </td>
            <td><input type="file" /></td>
          </tr>
        </tbody>
      </table>
      <button class="btn">提交订单</button>
      <h1>填写表单免费领取学习资料</h1>
    </form>
  </div>

  <div class="teach">
    <div class="teach_center">
      <img src="./assets/img/logo-pay.PNG" alt="" />
      <div class="teach_hd">
        <h1>课程报名留言板</h1>
        <p>
          欢迎学员回家！览众教育为了给您提供性价比更高的专业服务，请您详细填写如下资料，老师们才可以为您研究出更好的选择方向！
        </p>
      </div>
      <div class="teach_bd">
        <div class="question_box">
          <form action="" method="get">
            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>1.报考专业 </span
              ><br />
              <input type="radio" id="" value="消防工程师" /> 消防工程师<br />
              <input type="radio" id="" value="消防操作员初级" />
              消防操作员初级<br />
              <input type="radio" id="" value="消防操作员高级" />
              消防操作员高级<br />
              <input type="radio" id="" value="一级建造师" /> 一级建造师<br />
              <input type="radio" id="" value="二级建造师" /> 二级建造师<br />
              <input type="radio" id="" value="一级造价师" /> 一级造价师<br />
              <input type="radio" id="" value="二级造价师" /> 二级造价师<br />
              <input type="radio" id="" value="初级经济师" /> 初级经济师<br />
              <input type="radio" id="" value="中级经济师" /> 中级经济师<br />
              <input type="radio" id="" value="初级会计师" /> 初级会计师<br />
              <input type="radio" id="" value="中级会计师" /> 中级会计师<br />
            </div>
            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>2.姓名 </span
              ><br />
              <input type="text" placeholder="请输入" class="name" /><br />
            </div>

            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>3.性别 </span
              ><br />
              <label for="sex"><input type="radio" id="sex" />男</label><br />
              <label for="sex"><input type="radio" id="sex" />女</label><br />
            </div>

            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>4.手机 </span
              ><br />
              <i class="bi bi-phone"></i
              ><input type="text" placeholder="请输入" class="phone" /><br />
            </div>

            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>5.您的年龄是？ </span
              ><br />
              <input type="text" placeholder="请输入" class="age" /><br />
            </div>

            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span
                >6.您的最高学历(含目前在读)是？ </span
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 小学及以下</label
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 初中</label
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 高中/中专/技校</label
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 大学专科</label
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 大学本科</label
              ><br />
              <label for="education"
                ><input type="radio" id="education" /> 硕士研究生及以上</label
              ><br />
            </div>

            <div class="question1">
              <span class="question-title">
                <span class="question-start">*</span>7.您的目前的职业是？ </span
              ><br />
              <label for="work"><input type="radio" id="work" /> 在校学生</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" /> 政府/机关干部/公务员</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" />
                企业管理者(包括基层及中高层管理)</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" />
                普通职员(办公室/写字楼工作人员)</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" />
                专业人员(如医生/律师/文体/记者/老师等)</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" />
                普通工人(如工厂工人/体力劳动者等)</label
              ><br />
              <label for="work"
                ><input type="radio" id="work" />
                商业服务业职工(如销售人员/商店职员/服务员等)</label
              ><br />
            </div>
          </form>
        </div>
      </div>
    </div>
    <div class="qrcode">
      <div>
        <span>扫码答题</span>
        <img src="./assets/img/get_matrix_img.gif" alt="" />
      </div>
    </div>
  </div>
</div>
<!-- 课程 -->
